<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="core" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<head>
	<title><spring:message code="titulo.solicitarCambioCredenciales" text="ConstruSoft Suite - Solicitar cambio de credenciales" /></title>
</head>
<body>
	<div class="contenedor chico">
		<form:form commandName="modeloCredenciales" action="credenciales.do" method="post" acceptCharset="UTF-8" autocomplete="off">
			<form:hidden path="accion" />
			<form:hidden path="paso" />
			
			<h2><spring:message code="etiqueta.noPuedoEntrar" text="No puedes entrar?" /></h2>
			
			<h5><spring:message code="hint.solicitarCambioCredenciales" text="Ingresa el correo electrónico asociado a tu cuenta de usuario y te enviaremos las instrucciones para obtener nuevas credenciales." /></h5>
			
			<form:errors cssClass="mensaje-error-campo" />
			
			<div class="campo">
				<form:label path="usuario"><spring:message code="etiqueta.usuario" text="Usuario" /></form:label>
				
				<spring:message code="etiqueta.usuario" text="Usuario" var="placeholder" />
				<spring:message code="hint.usuario" text="Por favor, ingrese el usuario que le fue otorgado." var="title" />
				<form:input path="usuario" maxlength="50" tabindex="1" placeholder="${placeholder}" title="${title}" autofocus="autofocus" cssErrorClass="campo-error" />
				<form:errors cssClass="mensaje-error-campo" path="usuario" />
			</div>
			
			<button type="submit" tabindex="2"><spring:message code="etiqueta.solicitar" text="Solicitar" /></button>
			<button type="button" tabindex="3" onclick="javascript:cancelar();"><spring:message code="etiqueta.cancelar" text="Cancelar" /></button>
		</form:form>
	</div>
	
	<!-- JAVASCRIPT -->
	<script type="text/javascript">
		jQuery(document).ready(function(){	
			jQuery("form").validity(function() {
    			// Requerido. Debe ser un correo electrónico. Entre 1 y 50 caracteres (inclusive)
    			jQuery("#usuario")
    				.require('<spring:message code="mensaje.usuarioRequerido" text="Por favor, ingrese su usuario (correo electrónico)." />')
    				.match("email", '<spring:message code="mensaje.correoElectronicoInvalido" text="Por favor, ingrese un correo electrónico válido." />')
    				.maxLength(50);
   			});
   		});
    </script>
</body>